<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>{$title}</title>
    <meta name="keywords" content="{$keywords}"/>
    <meta name="description" content="{$description}"/>

    <link rel="stylesheet" href="{$public}css/bootstrap.min.css">
    <link rel="stylesheet" href="{$public}css/all.min.css">
    <link rel="stylesheet" href="{$public}css/animate.css">
    <link rel="stylesheet" href="{$public}css/nice-select.css">
    <link rel="stylesheet" href="{$public}css/owl.min.css">
    <link rel="stylesheet" href="{$public}css/odometer.css">
    <link rel="stylesheet" href="{$public}css/magnific-popup.css">
    <link rel="stylesheet" href="{$public}css/flaticon.css">
    <link rel="stylesheet" href="{$public}css/main.css">
    <link rel="shortcut icon" href="{$public}img/favicon.png" type="image/x-icon">
</head>

<body>

<div class="overlayer" id="overlayer">
    <div class="loader">
        <div class="loader-inner"></div>
    </div>
</div>
<a href="#0" class="scrollToTop"><i class="fas fa-angle-up"></i></a>
<div class="overlay"></div>
<!-- ==========Header Section Starts Here========== -->
<header>
    <div class="header-top">
        <div class="container">
            <div class="header-top-wrapper">
                <span>中国国际贸易促进委员会山东省委员会贸易投资服务中心</span>
                <select class="select-bar">
                    <option value="en">English</option>
                    <option value="cn">中文</option>
                </select>
            </div>
        </div>
    </div>
    <div class="header-middle">
        <div class="container">
            <div class="header-wrapper">
                <div class="logo d-none d-lg-block">
                    <a href="/"><img src="{$system.logo}" alt="{$system.name}"></a>
                </div>
                <div class="info-area">
                    <div class="info-item">
                        <div class="info-thumb">
                            <i class="flaticon-email"></i>
                        </div>
                        <div class="info-content">
                            <h6 class="title">电子邮件</h6>
                            <a href="Mailto:{$system.email}"><span class="__cf_email__"
                                                                          data-cfemail="11727e7c61707f68747c70787d51767c70787d3f727e7c">{$system.email}</span></a>
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="info-thumb">
                            <i class="flaticon-map"></i>
                        </div>
                        <div class="info-content">
                            <h6 class="title">联系地址</h6>
                            <span>{$system.address}</span>
                        </div>
                    </div>
                    <!--
                    <div class="info-item">
                        <ul class="header-social">
                            <li>
                                <a href="#0"><i class="fab fa-facebook-f"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-google-plus-g"></i></a>
                            </li>
                        </ul>
                    </div>
                    -->
                </div>
            </div>
            <div class="header-area">
                <div class="logo d-lg-none">
                    <a href="/"><img src="{$system.logo}" alt="{$system.name}"></a>
                </div>
                <ul class="menu" id="nav">
                    <li {if empty($cate['topid'])}class="current"{/if}>
                        <a href="/">首页</a>
                        <ul class="submenu">
                            <li>
                                <a href="#0">Home One</a>
                            </li>
                            <li>
                                <a href="index-2.html">Home Two</a>
                            </li>
                        </ul>
                    </li>
                    {tp:nav name='nav'}
                    <li {if $nav['id'] == $cate['topid']}class="current"{/if}><a data-id="nav_key_{$key}" href="{$nav.url}">{$nav.cate_name}</a>
                    {if $nav.sub}
                    <ul class="submenu">
                        {volist name="$nav.sub" id="v"}
                        <li><a data-id="nav_sub_key_{$key}" href="{$v.url}">{$v.cate_name}</a></li>
                        {/volist}
                    </ul>
                    {/if}
                    </li>
                    {/tp:nav}
                    <li>
                        <a href="#0">Pages</a>
                        <ul class="submenu">
                            <li>
                                <a href="gallery.html">Gallery</a>
                            </li>
                            <li>
                                <a href="#0">Shop</a>
                                <ul class="submenu">
                                    <li>
                                        <a href="shop.html">Shop</a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">Shop Details</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#0">Account</a>
                                <ul class="submenu">
                                    <li>
                                        <a href="sign-up.html">Sign Up</a>
                                    </li>
                                    <li>
                                        <a href="sign-in.html">Sign In</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="pricing-plan.html">Pricing Plan</a>
                            </li>
                            <li>
                                <a href="privacy-policy.html">Privacy & Policy</a>
                            </li>
                            <li>
                                <a href="terms-condition.html">Terms & Condition</a>
                            </li>
                            <li>
                                <a href="refund-policy.html">Refund Policy</a>
                            </li>
                            <li>
                                <a href="faq.html">Faqs</a>
                            </li>
                            <li>
                                <a href="404.html">Error Page</a>
                            </li>
                        </ul>
                    </li>
                    <li class="ml-auto">
                        <a href="#0" class="search-bar"><i class="fas fa-search"></i></a>
                    </li>
                </ul>
                <div class="header-bar2 ml-auto d-lg-none">
                    <i class="fas fa-ellipsis-h"></i>
                </div>
                <div class="header-bar d-lg-none">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </div>
</header>

<div class="search-form-area">
        <span class="hide-form">
            <i class="fas fa-times"></i>
        </span>
    <form class="search-form">
        <input type="text" placeholder="在这里搜索">
        <button type="submit"><i class="flaticon-search"></i></button>
    </form>
</div>
<!-- ==========Header Section Ends Here========== -->


<!-- ==========Feature Section Starts Here========== -->
<section class="banner-slider owl-theme owl-carousel">
    {tp:ad name='ad' id='1'}
    <div id="nivoslider" class="banner-slider-item banner-overlay bg_img" data-background="{$ad.image}">
        <div class="container">
            <div class="banner-content">
                <h1 class="title">{$ad.name}</h1>
                <h2 class="description">{$ad.description|raw|textareaBr}</h2>
                <div class="banner-buttons">
                    <a href="{$ad.url}" class="custom-button">了解详情</a>
                </div>
            </div>
        </div>
    </div>
    {/tp:ad}
</section>
<!-- ==========Feature Section Ends Here========== -->


<!-- ==========Feature Section Starts Here========== -->
<div class="feature-section padding-top padding-bottom-2">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="feature-item">
                    <div class="feature-thumb">
                        <i class="flaticon-diagram"></i>
                    </div>
                    <div class="feature-content">
                        <h5 class="title">growth business</h5>
                        <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus
                            dignissim sapien amet vivamu</p>
                    </div>
                </div>
                <div class="feature-item">
                    <div class="feature-thumb">
                        <i class="flaticon-checkmark"></i>
                    </div>
                    <div class="feature-content">
                        <h5 class="title">Fast Loan Approval</h5>
                        <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus
                            dignissim sapien amet vivamu</p>
                    </div>
                </div>
                <div class="feature-item">
                    <div class="feature-thumb">
                        <i class="flaticon-headphone"></i>
                    </div>
                    <div class="feature-content">
                        <h5 class="title">Life Time Support</h5>
                        <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus
                            dignissim sapien amet vivamu</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="w-100 h-100 bg_img" data-background="{$public}img/feature/feature.jpg"></div>
            </div>
        </div>
    </div>
</div>
<!-- ==========Feature Section Ends Here========== -->


<!-- ==========Service Section Starts Here========== -->
<section class="service-section padding-top-2 padding-bottom">
    <div class="container">
        <div class="section-header">
            <span class="cate">Our Services</span>
            <h2 class="title">What We Do</h2>
            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec
                risus dapibus arcu, vestibulum at ipsum.</p>
        </div>
        <div class="row justify-content-center mb-30-none">
            <div class="col-sm-10 col-md-6 col-xl-4">
                <div class="service-item">
                    <div class="service-thumb">
                        <i class="flaticon-startup"></i>
                    </div>
                    <div class="service-content">
                        <h6 class="title"><a href="service.html">Fast Loan Approval</a></h6>
                        <p>Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at et, sed
                            curabitur rutrum</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-10 col-md-6 col-xl-4">
                <div class="service-item">
                    <div class="service-thumb">
                        <i class="flaticon-analytics"></i>
                    </div>
                    <div class="service-content">
                        <h6 class="title"><a href="service.html">Advaced Accounting</a></h6>
                        <p>Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at et, sed
                            curabitur rutrum</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-10 col-md-6 col-xl-4">
                <div class="service-item">
                    <div class="service-thumb">
                        <i class="flaticon-piggybank"></i>
                    </div>
                    <div class="service-content">
                        <h6 class="title"><a href="service.html">Mutual Funds</a></h6>
                        <p>Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at et, sed
                            curabitur rutrum</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-10 col-md-6 col-xl-4">
                <div class="service-item">
                    <div class="service-thumb">
                        <i class="flaticon-puzzle"></i>
                    </div>
                    <div class="service-content">
                        <h6 class="title"><a href="service.html">Investment Planning</a></h6>
                        <p>Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at et, sed
                            curabitur rutrum</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-10 col-md-6 col-xl-4">
                <div class="service-item">
                    <div class="service-thumb">
                        <i class="flaticon-promotion"></i>
                    </div>
                    <div class="service-content">
                        <h6 class="title"><a href="service.html">Marketing Stratecies</a></h6>
                        <p>Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at et, sed
                            curabitur rutrum</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-10 col-md-6 col-xl-4">
                <div class="service-item">
                    <div class="service-thumb">
                        <i class="flaticon-loan"></i>
                    </div>
                    <div class="service-content">
                        <h6 class="title"><a href="service.html">Education Loan</a></h6>
                        <p>Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at et, sed
                            curabitur rutrum</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Service Section Ends Here========== -->


<!-- ==========Choose Section Starts Here========== -->
<section class="choose-section section-bg-2 oh">
    <div class="container-fluid p-lg-0">
        <div class="row">
            <div class="col-lg-6 bg_img" data-background="{$public}img/about/choose-bg.jpg">
            </div>
            <div class="col-lg-6 padding-top padding-bottom">
                <div class="choose-wrapper">
                    <div class="section-header left-style text-450-center">
                        <span class="cate">Choose Us</span>
                        <h2 class="title">Why Choose Us</h2>
                        <p>Posuere torquent, ligula vel fusce massa mauris magna euull nteger sed. Turpis varius arcu
                            donec risus dapibus</p>
                    </div>
                    <div class="choose-item">
                        <div class="choose-thumb">
                            <i class="flaticon-startup"></i>
                        </div>
                        <div class="choose-content">
                            <h5 class="title">First Working Process</h5>
                            <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac.
                                Vivamus dignissim sapien amet vivamu</p>
                        </div>
                    </div>
                    <div class="choose-item">
                        <div class="choose-thumb">
                            <i class="flaticon-team"></i>
                        </div>
                        <div class="choose-content">
                            <h5 class="title">Dedicated Team</h5>
                            <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac.
                                Vivamus dignissim sapien amet vivamu</p>
                        </div>
                    </div>
                    <div class="choose-item">
                        <div class="choose-thumb">
                            <i class="flaticon-headphone"></i>
                        </div>
                        <div class="choose-content">
                            <h5 class="title">24/7 Hours Support</h5>
                            <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac.
                                Vivamus dignissim sapien amet vivamu</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Choose Section Ends Here========== -->


<!-- ==========Project Section Starts Here========== -->
<section class="project-section padding-top">
    <div class="container">
        <div class="section-header">
            <span class="cate">our project</span>
            <h2 class="title">Our Latest Project</h2>
            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec
                risus dapibus arcu, vestibulum at ipsum.</p>
        </div>
        <div class="d-flex justify-content-center">
            <ul class="filter">
                <li data-check="*" class="active">All</li>
                <li data-check=".investment">Investment</li>
                <li data-check=".financial">Financial</li>
                <li data-check=".marketing">Marketing</li>
                <li data-check=".branding">Branding</li>
            </ul>
        </div>
        <div class="project-area">
            <div class="project-item financial marketing">
                <div class="project-inner">
                    <div class="project-thumb">
                        <img src="{$public}img/project/project1.jpg" alt="project">
                    </div>
                    <div class="project-content">
                        <div class="content">
                            <span class="info">Business</span>
                            <h6 class="title">Investment Planning</h6>
                            <a href="#0" class="read-button">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="project-item investment branding">
                <div class="project-inner">
                    <div class="project-thumb">
                        <img src="{$public}img/project/project2.jpg" alt="project">
                    </div>
                    <div class="project-content">
                        <div class="content">
                            <span class="info">Business</span>
                            <h6 class="title">Investment Planning</h6>
                            <a href="#0" class="read-button">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="project-item financial branding">
                <div class="project-inner">
                    <div class="project-thumb">
                        <img src="{$public}img/project/project3.jpg" alt="project">
                    </div>
                    <div class="project-content">
                        <div class="content">
                            <span class="info">Business</span>
                            <h6 class="title">Investment Planning</h6>
                            <a href="#0" class="read-button">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="project-item investment marketing">
                <div class="project-inner">
                    <div class="project-thumb">
                        <img src="{$public}img/project/project4.jpg" alt="project">
                    </div>
                    <div class="project-content">
                        <div class="content">
                            <span class="info">Business</span>
                            <h6 class="title">Investment Planning</h6>
                            <a href="#0" class="read-button">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="project-item financial branding">
                <div class="project-inner">
                    <div class="project-thumb">
                        <img src="{$public}img/project/project5.jpg" alt="project">
                    </div>
                    <div class="project-content">
                        <div class="content">
                            <span class="info">Business</span>
                            <h6 class="title">Investment Planning</h6>
                            <a href="#0" class="read-button">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="project-item investment marketing">
                <div class="project-inner">
                    <div class="project-thumb">
                        <img src="{$public}img/project/project6.jpg" alt="project">
                    </div>
                    <div class="project-content">
                        <div class="content">
                            <span class="info">Business</span>
                            <h6 class="title">Investment Planning</h6>
                            <a href="#0" class="read-button">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Project Section Ends Here========== -->


<!-- ==========Team Section Starts Here========== -->
<section class="team-section padding-top">
    <div class="container">
        <div class="section-header">
            <span class="cate">Dedicated Team</span>
            <h2 class="title">Our Expert Advisor</h2>
            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec
                risus dapibus arcu, vestibulum at ipsum.</p>
        </div>
        <div class="row justify-content-center mb-30-none">
            <div class="col-lg-3 col-sm-6">
                <div class="team-item">
                    <div class="team-thumb">
                        <a href="#0"><img src="{$public}img/team/team1.png" alt="team"></a>
                    </div>
                    <div class="team-content">
                        <div class="content">
                            <h6 class="title"><a href="#0">Hera Rahman</a></h6>
                            <span>Advisor</span>
                        </div>
                        <ul class="team-social">
                            <li>
                                <a href="#0"><i class="fab fa-facebook-f"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-twitter"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="team-item">
                    <div class="team-thumb">
                        <a href="#0"><img src="{$public}img/team/team2.png" alt="team"></a>
                    </div>
                    <div class="team-content">
                        <div class="content">
                            <h6 class="title"><a href="#0">Abu Raihan Rafuj</a></h6>
                            <span>Advisor</span>
                        </div>
                        <ul class="team-social">
                            <li>
                                <a href="#0"><i class="fab fa-facebook-f"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-twitter"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="team-item">
                    <div class="team-thumb">
                        <a href="#0"><img src="{$public}img/team/team3.png" alt="team"></a>
                    </div>
                    <div class="team-content">
                        <div class="content">
                            <h6 class="title"><a href="#0">Panna Rahman</a></h6>
                            <span>Advisor</span>
                        </div>
                        <ul class="team-social">
                            <li>
                                <a href="#0"><i class="fab fa-facebook-f"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-twitter"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="team-item">
                    <div class="team-thumb">
                        <a href="#0"><img src="{$public}img/team/team4.png" alt="team"></a>
                    </div>
                    <div class="team-content">
                        <div class="content">
                            <h6 class="title"><a href="#0">Somrat Islam</a></h6>
                            <span>Advisor</span>
                        </div>
                        <ul class="team-social">
                            <li>
                                <a href="#0"><i class="fab fa-facebook-f"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                            </li>
                            <li>
                                <a href="#0"><i class="fab fa-twitter"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Team Section Ends Here========== -->


<!-- ==========Company Info Section Starts Here========== -->
<section class="company-section padding-top">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-lg-7">
                <div class="section-header left-style">
                    <span class="cate">best company</span>
                    <h2 class="title">our company info</h2>
                    <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu
                        donec risus dapibus arcu, vestibulum at ipsum.</p>
                </div>
            </div>
            <div class="col-md-3 col-lg-5">
                <ul class="slider-nav justify-content-end">
                    <li class="slider-prev">
                        <i class="fas fa-angle-left"></i>
                    </li>
                    <li class="slider-next active">
                        <i class="fas fa-angle-right"></i>
                    </li>
                </ul>
            </div>
        </div>
        <div class="company-slider owl-theme owl-carousel">
            <div class="company-item">
                <h5 class="title">Our Mision</h5>
                <span class="info">2014 - 2015</span>
                <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim
                    sapien amet vivamu</p>
            </div>
            <div class="company-item">
                <h5 class="title">Our Vision</h5>
                <span class="info">2018 - 2020</span>
                <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim
                    sapien amet vivamu</p>
            </div>
            <div class="company-item">
                <h5 class="title">Our Growth</h5>
                <span class="info">2020 - 2021</span>
                <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim
                    sapien amet vivamu</p>
            </div>
        </div>
    </div>
</section>
<!-- ==========Company Info Section Ends Here========== -->


<!-- ==========Pricing Section Starts Here========== -->
<section class="pricing-section padding-bottom padding-top">
    <div class="container">
        <div class="section-header">
            <span class="cate">Best Pricing</span>
            <h2 class="title">Check our Pricing Plan</h2>
            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec
                risus dapibus arcu, vestibulum at ipsum.</p>
        </div>
        <div class="row justify-content-center mb-30-none">
            <div class="col-lg-4 col-sm-10 col-md-6">
                <div class="pricing-item">
                    <div class="pricing-header">
                        <h2 class="title">$8</h2>
                        <span class="info">Monthly</span>
                    </div>
                    <div class="pricing-body">
                        <ul>
                            <li>Up To 1 Exports</li>
                            <li>30 Day Validity</li>
                            <li>Limited Coustomization</li>
                            <li>24/7 Support</li>
                        </ul>
                        <a href="#0" class="read-button active">get now</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-10 col-md-6">
                <div class="pricing-item active">
                    <div class="pricing-header">
                        <h2 class="title">$55</h2>
                        <span class="info">Monthly</span>
                    </div>
                    <div class="pricing-body">
                        <ul>
                            <li>Up To 1 Exports</li>
                            <li>30 Day Validity</li>
                            <li>Limited Coustomization</li>
                            <li>24/7 Support</li>
                        </ul>
                        <a href="#0" class="read-button active">get now</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-10 col-md-6">
                <div class="pricing-item">
                    <div class="pricing-header">
                        <h2 class="title">$28</h2>
                        <span class="info">Monthly</span>
                    </div>
                    <div class="pricing-body">
                        <ul>
                            <li>Up To 1 Exports</li>
                            <li>30 Day Validity</li>
                            <li>Limited Coustomization</li>
                            <li>24/7 Support</li>
                        </ul>
                        <a href="#0" class="read-button active">get now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Pricing Section Ends Here========== -->


<!-- ==========Counter Section Starts Here========== -->
<section class="counter-section bg_img" data-background="{$public}img/counter/counter-bg.png">
    <div class="container">
        <div class="counter-wrapper">
            <div class="counter-item">
                <div class="counter-header">
                    <h2 class="title odometer" data-odometer-final="30">0</h2>
                </div>
                <p>Years of Experience</p>
            </div>
            <div class="counter-item">
                <div class="counter-header">
                    <h2 class="title odometer" data-odometer-final="45">0</h2>
                    <h2 class="title">+</h2>
                </div>
                <p>Expert Consultants</p>
            </div>
            <div class="counter-item">
                <div class="counter-header">
                    <h2 class="title odometer" data-odometer-final="256">0</h2>
                    <h2 class="title">+</h2>
                </div>
                <p>Activated Clients</p>
            </div>
            <div class="counter-item">
                <div class="counter-header">
                    <h2 class="title odometer" data-odometer-final="14">0</h2>
                    <h2 class="title">k</h2>
                </div>
                <p>Project Finished</p>
            </div>
        </div>
    </div>
</section>
<!-- ==========Counter Section Ends Here========== -->


<!-- ==========Faq Section Starts Here========== -->
<section class="faq-section padding-top">
    <div class="container">
        <div class="section-header">
            <span class="cate">FAQs</span>
            <h2 class="title">Asked Questions</h2>
            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec
                risus dapibus arcu, vestibulum at ipsum.</p>
        </div>
        <div class="row">
            <div class="col-lg-6 d-none d-lg-block">
                <img class="w-100" src="{$public}img/faq/faq1.png" alt="faq">
            </div>
            <div class="col-lg-6">
                <div class="faq-wrapper">
                    <div class="faq-item open">
                        <div class="faq-title">
                            <h6 class="title">Best Business Advices</h6>
                            <div class="right-icon">
                                <i class="fas fa-angle-down"></i>
                            </div>
                        </div>
                        <div class="faq-content" style="display: block;">
                            <p>
                                Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare
                                sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis
                                euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                            </p>
                        </div>
                    </div>
                    <div class="faq-item active">
                        <div class="faq-title">
                            <h6 class="title">Morbi massa integer dolor consect ?</h6>
                            <div class="right-icon">
                                <i class="fas fa-angle-down"></i>
                            </div>
                        </div>
                        <div class="faq-content" style="display: none;">
                            <p>
                                Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare
                                sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis
                                euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                            </p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-title">
                            <h6 class="title">Citae interdum ullamcorper turpis</h6>
                            <div class="right-icon">
                                <i class="fas fa-angle-down"></i>
                            </div>
                        </div>
                        <div class="faq-content">
                            <p>
                                Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare
                                sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis
                                euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                            </p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-title">
                            <h6 class="title">Auctor diam sollicitudin tellus ullamco ?</h6>
                            <div class="right-icon">
                                <i class="fas fa-angle-down"></i>
                            </div>
                        </div>
                        <div class="faq-content">
                            <p>
                                Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare
                                sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis
                                euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Faq Section Ends Here========== -->


<!-- ==========Best Project Section Starts Here========== -->
<section class="best-project-section padding-top padding-bottom">
    <div class="container">
        <div class="section-header">
            <span class="cate">iconic project</span>
            <h2 class="title">our best project</h2>
            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec
                risus dapibus arcu, vestibulum at ipsum.</p>
        </div>
        <div class="row best-project-area mb-30-none justify-content-center">
            <div class="col-xl-4 col-md-6 mb-30">
                <img class="w-100" src="{$public}img/project/project.jpg" alt="project">
            </div>
            <div class="col-xl-4 col-md-6 mb-30">
                <p>Lorem ipsum dolor sit amet, dolor vel neque praesent semper morbi metus. Ipsum vel feugiat nullam
                    malesuada eget, sed dignissim quisque sollicitudin. Enim consequat proin pretium ultrices aenean,
                    vestibulum ipsum a, aliquet proin quis arcu dui eget, donec enim. Faucibus adipiscing tempor </p>
                <p>dui aut in et, facilisis ut eu mauris eu. Nisl elit nam hendrerit elementum viverra. Eget tellus,
                    euismod sem, gravida aenean, molestie risus est lacus libero</p>
                <ul>
                    <li>Tortor mauris iaculis.</li>
                    <li>Rortor mauris iaculis.</li>
                    <li>Etesortor mauris iacu</li>
                    <li>Sortor mauris iaculis.</li>
                </ul>
            </div>
            <div class="col-xl-4 col-md-8 col-lg-6 mb-30">
                <div class="best-client">
                    <div class="best-header">
                        <div class="thumb">
                            <img src="{$public}img/client/client1.png" alt="client">
                        </div>
                    </div>
                    <div class="best-content">
                        <h6 class="title"><a href="#0">Abu Raihan Rafuj</a></h6>
                        <span class="info">Client</span>
                        <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl
                            neque </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Best Project Section Ends Here========== -->


<!-- ==========Client Section Starts Here========== -->
<section class="client-section padding-bottom padding-top section-bg">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-lg-7">
                <div class="section-header left-style">
                    <span class="cate">happy client</span>
                    <h2 class="title">customer feedback</h2>
                    <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu
                        donec risus dapibus arcu, vestibulum at ipsum.</p>
                </div>
            </div>
            <div class="col-md-3 col-lg-5">
                <ul class="slider-nav justify-content-end">
                    <li class="slider-prev">
                        <i class="fas fa-angle-left"></i>
                    </li>
                    <li class="slider-next active">
                        <i class="fas fa-angle-right"></i>
                    </li>
                </ul>
            </div>
        </div>
        <div class="client-slider owl-theme owl-carousel">
            <div class="client-item">
                <div class="client-thumb">
                    <a href="#0"><img src="{$public}img/client/client1.png" alt="client"></a>
                </div>
                <div class="client-content">
                    <h6 class="title">panna rahman</h6>
                    <span class="info">CEO - HP company</span>
                    <p>Lorem ipsum dolor sit amet, luctus posuere semper felis consectetuer hendrerit, enim varius enim,
                        tellus tincidunt tellus</p>
                    <div class="ratings">
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                    </div>
                </div>
            </div>
            <div class="client-item">
                <div class="client-thumb">
                    <a href="#0"><img src="{$public}img/client/client2.png" alt="client"></a>
                </div>
                <div class="client-content">
                    <h6 class="title">Hera rahman</h6>
                    <span class="info">CEO - HP company</span>
                    <p>Lorem ipsum dolor sit amet, luctus posuere semper felis consectetuer hendrerit, enim varius enim,
                        tellus tincidunt tellus</p>
                    <div class="ratings">
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                    </div>
                </div>
            </div>
            <div class="client-item">
                <div class="client-thumb">
                    <a href="#0"><img src="{$public}img/client/client3.png" alt="client"></a>
                </div>
                <div class="client-content">
                    <h6 class="title">Abu Raihan Rafuj</h6>
                    <span class="info">CEO - HP company</span>
                    <p>Lorem ipsum dolor sit amet, luctus posuere semper felis consectetuer hendrerit, enim varius enim,
                        tellus tincidunt tellus</p>
                    <div class="ratings">
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                        <span class="fas fa-star"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Client Section Ends Here========== -->


<!-- ==========Blog Section Starts Here========== -->
<section class="blog-section padding-bottom padding-top">
    <div class="container">
        <div class="section-header">
            <span class="cate">our blog</span>
            <h2 class="title">our Latest news</h2>
            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec
                risus dapibus arcu, vestibulum at ipsum.</p>
        </div>
        <div class="row m-0 justify-content-center">
            <div class="post-item-1">
                <div class="post-thumb bg_img" data-background="{$public}img/blog/blog3.jpg">
                    <a href="#0"><img src="{$public}img/blog/blog3.jpg" alt="blog"></a>
                    <div class="post-date">
                        <span class="date">23</span>
                        <span class="mon">Dec</span>
                    </div>
                </div>
                <div class="post-content">
                    <h6 class="title"><a href="#0">Phasellus ipsum dolor auctor</a></h6>
                    <span class="line"></span>
                    <p>Lorem ipsum dolor sit amet, wisi pulvinar amet in fringilla, nisl aliquam quis hendrerit avida.
                        Etiam etiam, in fermentum </p>
                    <a href="#0" class="read"><i class="flaticon-right"></i></a>
                </div>
            </div>
            <div class="post-item-1">
                <div class="post-thumb bg_img" data-background="{$public}img/blog/blog2.jpg">
                    <a href="#0"><img src="{$public}img/blog/blog2.jpg" alt="blog"></a>
                    <div class="post-date">
                        <span class="date">23</span>
                        <span class="mon">Dec</span>
                    </div>
                </div>
                <div class="post-content">
                    <h6 class="title"><a href="#0">Massa suspendisse pede phas</a></h6>
                    <span class="line"></span>
                    <p>Lorem ipsum dolor sit amet, wisi pulvinar amet in fringilla, nisl aliquam quis hendrerit avida.
                        Etiam etiam, in fermentum </p>
                    <a href="#0" class="read"><i class="flaticon-right"></i></a>
                </div>
            </div>
            <div class="post-item-1">
                <div class="post-thumb bg_img" data-background="{$public}img/blog/blog1.jpg">
                    <a href="#0"><img src="{$public}img/blog/blog1.jpg" alt="blog"></a>
                    <div class="post-date">
                        <span class="date">23</span>
                        <span class="mon">Dec</span>
                    </div>
                </div>
                <div class="post-content">
                    <h6 class="title"><a href="#0">Suspendisse quam uscipit retra </a></h6>
                    <span class="line"></span>
                    <p>Lorem ipsum dolor sit amet, wisi pulvinar amet in fringilla, nisl aliquam quis hendrerit avida.
                        Etiam etiam, in fermentum </p>
                    <a href="#0" class="read"><i class="flaticon-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Blog Section Ends Here========== -->


<!-- ==========Sponsor Section Starts Here========== -->
<div class="sponsor-section padding-bottom">
    <div class="container">
        <div class="sponsor-slider owl-theme owl-carousel">
            <div class="sponsor-item">
                <img src="{$public}img/sponsor/client1.png" alt="sponsor">
            </div>
            <div class="sponsor-item">
                <img src="{$public}img/sponsor/client2.png" alt="sponsor">
            </div>
            <div class="sponsor-item">
                <img src="{$public}img/sponsor/client3.png" alt="sponsor">
            </div>
            <div class="sponsor-item">
                <img src="{$public}img/sponsor/client5.png" alt="sponsor">
            </div>
            <div class="sponsor-item">
                <img src="{$public}img/sponsor/client6.png" alt="sponsor">
            </div>
        </div>
    </div>
</div>
<!-- ==========Sponsor Section Ends Here========== -->


<!-- ==========Footer Section Starts Here========== -->
<footer>
    <div class="container">
        <div class="footer-top">
            <div class="footer-wrapper">
                <div class="footer-widget widget-about">
                    <div class="footer-logo">
                        <a href="index.html"><img src="{$public}img/logo/footer-logo1.png" alt="logo"></a>
                    </div>
                    <p>Senectus nunc volutpat sed at fusce, varius nulla orci luctus, ac ultricies ipsum aliquam
                        bibendum felis, platea erat sit. Est dolor</p>
                    <div class="footer-contact">
                        <a href="Tel:0123654789" class="call">2222 - 3333 - 666 3333 - 666</a>
                        <a href="Mailto:demo@gmai.com" class="mail"><span class="__cf_email__"
                                                                          data-cfemail="5a3e3f37351a3d373b3374393537">[email&#160;protected]</span></a>
                    </div>
                </div>
                <div class="footer-widget widget-link">
                    <h5 class="title">Our Quick Link</h5>
                    <ul>
                        <li>
                            <a href="#0">Professional Team</a>
                        </li>
                        <li>
                            <a href="#0">Support</a>
                        </li>
                        <li>
                            <a href="#0">Pricing</a>
                        </li>
                        <li>
                            <a href="#0">Privacy Policy</a>
                        </li>
                        <li>
                            <a href="#0">Services</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-widget widget-link">
                    <h5 class="title">Company</h5>
                    <ul>
                        <li>
                            <a href="#0">Web Design</a>
                        </li>
                        <li>
                            <a href="#0">Our History</a>
                        </li>
                        <li>
                            <a href="#0">Our Services</a>
                        </li>
                        <li>
                            <a href="#0">Become A Member</a>
                        </li>
                        <li>
                            <a href="#0">Appointment</a>
                        </li>
                        <li>
                            <a href="#0">Our Support Team</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-widget widget-link">
                    <h5 class="title">My Account</h5>
                    <ul>
                        <li>
                            <a href="#0">About Us</a>
                        </li>
                        <li>
                            <a href="#0">My Account</a>
                        </li>
                        <li>
                            <a href="#0">Privacy Policy</a>
                        </li>
                        <li>
                            <a href="#0">Sign In </a>
                        </li>
                        <li>
                            <a href="#0">Information</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-wrapper">
                <div class="item">
                    <p class="m-0">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank"
                                                                                             href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                    </p>
                </div>
                <ul class="item">
                    <li>
                        <a href="#0">Home</a>
                    </li>
                    <li>
                        <a href="#0">About Us</a>
                    </li>
                    <li>
                        <a href="#0">News</a>
                    </li>
                    <li>
                        <a href="#0">Contact Us</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!-- ==========Footer Section Ends Here========== -->


<script src="{$public}js/jquery-3.3.1.min.js"></script>
<script src="{$public}js/modernizr-3.6.0.min.js"></script>
<script src="{$public}js/plugins.js"></script>
<script src="{$public}js/bootstrap.min.js"></script>
<script src="{$public}js/isotope.pkgd.min.js"></script>
<script src="{$public}js/magnific-popup.min.js"></script>
<script src="{$public}js/wow.min.js"></script>
<script src="{$public}js/viewport.jquery.js"></script>
<script src="{$public}js/odometer.min.js"></script>
<script src="{$public}js/nice-select.js"></script>
<script src="{$public}js/owl.min.js"></script>
<script src="{$public}js/main.js"></script>
</body>

</html>